<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_934050_rgpmux6zdga.css">
    <link rel="icon" href="http://d.lanrentuku.com/down/png/1110/99free-png/world.png" type="image/x-icon">
    <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
    <script src="{% static 'js/message.min.js' %}"></script>
    <script src="{% static 'js/xfzajax.min.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/common/auth.min.css' %}">
    <script src="{% static 'js/front_base.min.js' %}"></script>
{% block head %}{% endblock %}
</head>
<body class="body">
<header class="header">
        <div class="container">
            <!--logo-->
            <div class="logo-box"><a href="{% url 'index' %}"></a></div>
            <!--导航栏-->
            <ul class="nav">
                <li><a href="/">创业资讯</a></li>
                <li><a href="{% url 'course:course_index' %}">创业课堂</a></li>
                <li><a href="{% url 'payinfo:index' %}">付费资讯</a></li>
                <li><a href="{% url 'search' %}">搜索</a></li>
            </ul>
            <!--寻求报道-->
            <div class="help">
                <i class="icon-huatong iconfont"></i>
                <a href="#">寻求报道</a>
            </div>
            <!--导航栏-->
            <div class="auth-box">
                <i class="icon-personal iconfont"></i>
{#                这个能判断用户是否登录#}
                {% if user.is_authenticated %}
                    <a href="#" name="authenticated-box">{{ user.username }}</a>
                    <div class="user-more-box">
                        <i class="triangle"></i>
                        {% if user.is_staff %}
                            <a href="{% url 'cms:index' %}">管理系统</a>
                        {% endif %}
                        <a href="{% url 'xfzauth:logout' %}">退出登录</a>
                    </div>
                {% else %}
                    <a href="#" class="signin-btn">登录/</a>
                    <a href="#" class="signup-btn">注册</a>
                {% endif %}
            </div>
        </div>
    </header>
{% block main %}{% endblock %}
<div class="footer">
    <div class="top-group">
        <div class="top-inner-group">
            <div class="logo-box"></div>
            <div class="detail-group">
                <div class="line1">
                    <ul class="links">
                        <li><a href="#">关于小饭桌</a></li>
                        <li><a href="#">创业课堂</a></li>
                        <li><a href="#">寻求报道</a></li>
                        <li><a href="#">创业礼包</a></li>
                    </ul>
                    <div class="about-us">
                        <span class="title">关于我们：</span>
                        <ul class="social-group">
                            <li class="weixin">
                                <span class="text">sfz008</span>
                                <div class="wx-qrcode"></div>
                            </li>
                            <li class="weibo">
                                <span class="text">小饭桌创业课堂</span>
                                <div class="wx-qrcode"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="line2">
                    <p class="address">地址：北京市朝阳区东三环北路38号院1号楼17层2001内1、16室</p>
                    <p class="contact">联系方式：400-810-1090（工作日10点-18点）</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-group">©2018 北京子木投资顾问有限公司 京ICP备15051289号 | 增值电信业务经营许可证：京B2-20170574</div>
</div>
<div class="mask-wrapper">
    {% csrf_token %}
        <div class="auth-wrapper">
            <div class="close-wrapper">
                <span class="close-btn icon-cc-close-crude iconfont"></span>
            </div>
            <div class="auth-inner-wrapper">
                <div class="scroll-wrapper">
                    <div class="signin-group auth-group">
                        <div class="top-group">
                            <span class="title">登录</span>
                            <a href="javascript:void (0)" class="switch">立即注册></a>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" name="telephone" placeholder="请输入用户名">
                            </div>
                            <div class="input-group">
                                <input type="password" class="form-control" name="password" placeholder="请出入密码">
                            </div>
                            <div class="input-group">
                                <label class="remember-label">
                                    <input type="checkbox" name="remember" value="1">记住我
                                </label>
                            </div>
                            <div class="input-group">
                                <input type="submit" class="submit-btn" value="立即登录">
                            </div>
                        </div>
                    </div>
                    <div class="signup-group auth-group">
                        <div class="top-group">
                            <span class="title">注册</span>
                            <a href="javascript:void (0)" class="switch">立即登录></a>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="请输入手机号" name="telephone">
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="请输入用户名" name ='username'>
                            </div>
                            <div class="input-group">
                                <div class="short-input-group">
                                    <input type="text" class="img-captcha" placeholder="请输入图形验证码" name="img_captcha">
                                </div>
                                <div class="input-group-addon">
                                    <img src="{% url 'xfzauth:img_captcha' %}" alt="" class="img_captcha">
                                </div>
                            </div>
                            <div class="input-group">
                                <input type="password" class="form-control" placeholder="请输入密码" name="password1">
                            </div>
                            <div class="input-group">
                                <input type="password" class="form-control" placeholder="请再次输入密码" name="password2">
                            </div>
                            <div class="input-group">
                                <div class="short-input-group">
                                    <input type="text" class="sms-captcha" placeholder="请输入手机验证码" name="sms_captcha">
                                </div>
                                <div class="input-group-addon">
                                    <span class="sms-captcha-btn">发送验证码</span>
                                </div>
                            </div>
                            <div class="input-group">
                                <input type="submit" class="submit-btn" value="立即注册">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>